<script setup>
import { ref } from 'vue';
import Child from './Child.vue'

// !#1 建议一个 ref 变量，内部一般是 null
const cmpRef = ref(null)

const handleClick = () => {
  // !#3 cmpRef.value 就是组件实例
  cmpRef.value.sayHi('吕布')
}
</script>
<template>
  <div>
    App
    <button @click="handleClick">利用 ref 父传子</button>
    <hr />
    <!-- //!#2 用 ref 变量作为 ref 属性的值 -->
    <Child ref="cmpRef" />
  </div>
</template>
